<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="lt-ie9"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <head>
        <div th:include="public/head_type :: copy"></div>
    </head>
<body>
<div class="in-wrap i-main">
    <section>
        <div class="h-mobile-mask"></div>
        <div th:include="public/public_head :: copy"></div>
        <section id="aCoursesList">
            <div id="temTwo">
                <section class="of">
                    <div class="banner-box-all">
                        <div class="ab-us-banner">
                            <img src="/_szx/resource/templet1/images/ab-us-bg.jpg">
                        </div>
                    </div>
                </section>
            </div>
            <div id="temThree">
                <section>
                    <div>
                        <div class="comm-title comm-title-3">
                            <section class="container">
                                <header class="clearfix">
                                    <h3 class="unFw tac hLh40">
                                        <span class="disIb fsize34 f-fH c-333">我们是谁</span>
                                        <span class="disIb fsize34 f-fM c-master ml5 mr5">/</span>
                                        <span class="disIb fsize14 f-fM c-999">WHO ARE WE</span>
                                    </h3>
                                </header>
                            </section>
                        </div>
                        <div class="o-s-txtbox">
                            <article class="container">
                                <div class="o-s-txt-in us-txtbox">
                                    <article class="us-m-txt">
                                        <em class="s-yh yh-ico">
                                            <img src="/_szx/resource/templet1/images/yh-s.png">
                                        </em>
                                        <span class="line-l">&nbsp;</span>
                                        <span class="line-b">&nbsp;</span>
                                        <div class="us-m-t-in">
                                            <p class="c-666 f-fM fsize16">
                                                双子星信息工作室是湖南领先的IT开发团体。我们是一个优秀的团队，成员全部都服务过业内互联网大公司，
                                                有着5-10年以上互联网经验。我们专注互联网产品开发，开发出符合互联网发展潮流接地气儿的在线产品。我们免费、专心做在线开源产品。
                                                怀揣梦想，愿与大家携手，“以开源节流”为宗旨，服务与更多的中小型机构和个人。</p>
                                        </div>
                                        <div class="txt-line-us tar hLh30 mt50">
                                            <span class="fsize24 f-fM c-333 mr5 disFw">——</span>
                                            <span class="fsize24 f-fM c-333">双子星</span>
                                        </div>
                                    </article>
                                </div>
                            </article>
                        </div>
                    </div>
                </section>
            </div>
            <div id="temFour">
                <section>
                    <div class="b-fa">
                        <div class="comm-title comm-title-3">
                            <section class="container">
                                <header class="clearfix">
                                    <h3 class="unFw tac hLh40">
                                        <span class="disIb fsize34 f-fH c-333">我们的优势</span>
                                        <span class="disIb fsize34 f-fM c-master ml5 mr5">/</span>
                                        <span class="disIb fsize14 f-fM c-999">OUR GOAL</span>
                                    </h3>
                                </header>
                            </section>
                        </div>
                        <div class="us-main">
                            <section class="container">
                                <div class="i-teach-box">
                                    <ul class="clearfix">
                                        <li>
                                            <section class="i-teach-wrap us-ys-wrap">
                                                <div class="us-ys-pic i-teach-pic">
                                                    <img src="/_szx/resource/templet1/images/us-ys-1.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac">
                                                    <span class="fsize18 f-fM disFw">低成本</span>
                                                </div>
                                                <div class="mt15 i-q-txt">
                                                    <p class="c-999 f-fM">低成本软件投入，行业最低有效解决初创型公司资金不足的问题，支持创业发展</p>
                                                </div>
                                            </section>
                                        </li>
                                        <li>
                                            <section class="i-teach-wrap us-ys-wrap">
                                                <div class="us-ys-pic i-teach-pic">
                                                    <img src="/_szx/resource/templet1/images/us-ys-2.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac">
                                                    <span class="fsize18 f-fM disFw">终身制</span>
                                                </div>
                                                <div class="mt15 i-q-txt">
                                                    <p class="c-999 f-fM">为产品提供售后支持，远程在线服务。及时响应客户问题</p>
                                                </div>
                                            </section>
                                        </li>
                                        <li>
                                            <section class="i-teach-wrap us-ys-wrap">
                                                <div class="us-ys-pic i-teach-pic">
                                                    <img src="/_szx/resource/templet1/images/us-ys-3.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac">
                                                    <span class="fsize18 f-fM disFw">团队强</span>
                                                </div>
                                                <div class="mt15 i-q-txt">
                                                    <p class="c-999 f-fM">成员全部都服务过业内互联网大公司，有着5-10年以上互联网经验</p>
                                                </div>
                                            </section>
                                        </li>
                                        <li>
                                            <section class="i-teach-wrap us-ys-wrap">
                                                <div class="us-ys-pic i-teach-pic">
                                                    <img src="/_szx/resource/templet1/images/us-ys-1.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac">
                                                    <span class="fsize18 f-fM disFw">技术优</span>
                                                </div>
                                                <div class="mt15 i-q-txt">
                                                    <p class="c-999 f-fM">拥有强大的技术团队，技术更新快，适应IT行业潮流。</p>
                                                </div>
                                            </section>
                                        </li>
                                    </ul>
                                </div>
                            </section>
                        </div>
                    </div>
                </section>
            </div>
            <div id="temFive">
                <section>
                    <div class="">
                        <div class="comm-title comm-title-3">
                            <section class="container">
                                <header class="clearfix">
                                    <h3 class="unFw tac hLh40">
                                        <span class="disIb fsize34 f-fH c-333">我们的服务</span>
                                        <span class="disIb fsize34 f-fM c-master ml5 mr5">/</span>
                                        <span class="disIb fsize14 f-fM c-999">WHAT ARE WE GOING TO DO</span>
                                    </h3>
                                </header>
                            </section>
                        </div>
                        <div class="us-main" style=" padding: 13px 9px;">
                            <section class="container">
                                <div class="list-five-box">
                                    <ul class="clearfix">
                                        <li class="current">
                                            <section class="l-f-infor">
                                                <div class="l-f-in-pic">
                                                    <img src="/_szx/resource/templet1/images/us-fw-1.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac name-tit">
                                                    <span class="fsize18 f-fM name">一站签约对接</span>
                                                </div>
                                                <em class="up-sj">
                                                    <img src="/_szx/resource/templet1/images/up-sj.png" class="dis"
                                                         width="100%" height="100%">
                                                </em>
                                            </section>
                                        </li>
                                        <li>
                                            <section class="l-f-infor">
                                                <div class="l-f-in-pic">
                                                    <img src="/_szx/resource/templet1/images/us-fw-2.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac name-tit">
                                                    <span class="fsize18 f-fM name">多种在线服务方式</span>
                                                </div>
                                                <em class="up-sj">
                                                    <img src="/_szx/resource/templet1/images/up-sj.png" class="dis"
                                                         width="100%" height="100%">
                                                </em>
                                            </section>
                                        </li>
                                        <li>
                                            <section class="l-f-infor">
                                                <div class="l-f-in-pic">
                                                    <img src="/_szx/resource/templet1/images/us-fw-3.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac name-tit">
                                                    <span class="fsize18 f-fM name">网站配置化管理</span>
                                                </div>
                                                <em class="up-sj">
                                                    <img src="/_szx/resource/templet1/images/up-sj.png" class="dis"
                                                         width="100%" height="100%">
                                                </em>
                                            </section>
                                        </li>
                                        <li>
                                            <section class="l-f-infor">
                                                <div class="l-f-in-pic">
                                                    <img src="/_szx/resource/templet1/images/us-fw-4.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac name-tit">
                                                    <span class="fsize18 f-fM name">独立域名配置</span>
                                                </div>
                                                <em class="up-sj">
                                                    <img src="/_szx/resource/templet1/images/up-sj.png" class="dis"
                                                         width="100%" height="100%">
                                                </em>
                                            </section>
                                        </li>
                                        <li>
                                            <section class="l-f-infor">
                                                <div class="l-f-in-pic">
                                                    <img src="/_szx/resource/templet1/images/us-fw-5.png">
                                                </div>
                                                <div class="mt30 hLh30 txtOf tac name-tit">
                                                    <span class="fsize18 f-fM name">支持开源服务</span>
                                                </div>
                                                <em class="up-sj">
                                                    <img src="/_szx/resource/templet1/images/up-sj.png" class="dis"
                                                         width="100%" height="100%">
                                                </em>
                                            </section>
                                        </li>
                                    </ul>
                                </div>
                            </section>
                        </div>
                    </div>
                </section>
            </div>
            <div id="temseven">
                <section>
                    <div class="map-box">
                        <div class="comm-title comm-title-3">
                            <section class="container">
                                <header class="clearfix">
                                    <h3 class="unFw tac hLh40">
                                        <span class="disIb fsize34 f-fH c-333">找到我们</span>
                                        <span class="disIb fsize34 f-fM c-master ml5 mr5">/</span>
                                        <span class="disIb fsize14 f-fM c-999">FIND US</span>
                                    </h3>
                                </header>
                            </section>
                        </div>
                        <div class="us-main">
                            <section class="container">
                                <div class="map-infor">
                                    <article class="map-in"></article>
                                </div>
                            </section>
                        </div>
                    </div>
                </section>
            </div>
        </section>
        <div th:include="public/public_foot :: copy"></div>
    </section>
</div>
<script src="/_szx/resource/templet1/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/_szx/resource/templet1/js/common.js" type="text/javascript"></script>
<script src="/_szx/resource/templet1/js/swiper-2.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
    /**
     * 检查是否手机
     */
    function checkIsMobile() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { // 移动端环境下效果
            return true;
        }
        return false;
    }
</script>
<script>
    $(function () {
        wmNavFun(); // 手机端导航方法
        sSwiperFun(); //幻灯片调取
        scrollLoad(); //响应滚动加载课程图片
    })
</script>
</body>
</html>
